<template lang="html">
    <div class="index">
        <!-- 一个文件就是一个组件 -->
        这是我们的单文件组件
    </div>
</template>

<script>
export default {
    data(){

    }
}
</script>

<style lang="less" scoped>
// scoped就是指定当前组件中的样式只在当前组件内生效
// 如果不加，用到该组件的页面，所有的位置的样式都会受到当前组件的影响
.index {
    background-color: hotpink;
}
</style>
